﻿
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, tbody, tr, th, td 
{ 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
}

ul,ol,li{list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}

header, footer, article, section, nav, menu, hgroup {display: block;}


body
{
    text-align: left;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    font-family: ”宋体”,Arial Narrow,Helvetica,arial,serif;
    text-decoration: none;
    background-color: white;
    color: #696969;
}


/* MISC  
----------------------------------------------------------*/
.clearfix:after {    
    clear: both;    
    content: " ";    
    display: block;    
    height: 0;    
    visibility: hidden;    
}    
    
.clearfix {    
    zoom:1    
}    
    
.clear {    
    clear: both;    
    height: 0;    
    overflow: hidden;    
}

.error {
    color: Red;
}

.hidden 
{
	display: none;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}


header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #FFFFFF;
    padding: 0;
    background-color:#000000;
    height:52px;
}

header h1, #header h1
{
    font-weight: bold;
    padding: 2px 0;
    margin-left: 50px;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 18px !important;
    text-shadow: 1px 1px 2px #111;
}

header div#title
{
    float:left;
}

header div#logindisplay
{
    margin-right:30px;
    margin-top:8px;
    float:right;
    color: #fff;
}
#logindisplay a
{
    display: inline-block;
    margin-left: 6px;
    background-image: url('Images/icon/btn_logout.png');
    background-repeat: no-repeat;
    width:73px;
    height:22px;
    color:#FFFFFF;
    text-align:center;
}

#titletoolbar
{
    background-color: #DDDDDD;
    border-bottom: 1px solid #A2A2A2;
    border-top: 1px solid #F3F3F3;
    height: 33px;
    padding: 0 20px 0 12px;
    position: relative;
}

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#button_command {
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#button_command li {
    display: inline;
    list-style: none;
}

ul#button_command li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#button_command li a
{
    padding: 3px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

ul#button_command li a:hover
{
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
}

ul#button_command li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#button_command li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    /*min-height: 75px;*/
    resize: none;
    padding: 0px;
	margin-bottom: -5px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

input[disabled="disabled"], textarea[disabled="disabled"],
input[readonly="readonly"], textarea[readonly="readonly"]{ 
    background:#F7F8FA; 
	outline:none;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 3px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/*tooltip的样式 jquery.tooltip.js*/
#tooltip {
    background-color: #EEEEEE;
    border: 1px solid #111111;
    opacity: 0.85;
    padding: 5px;
    position: absolute;
    z-index: 3000;
}
#tooltip h3, #tooltip div {
    margin: 0;
}



/*比价单样式*/
#main
{
    margin:0 auto;
    text-align:center;
}

#bijiadan,
#bijiadan_attachfiles
{
    margin:0 auto;
}

#bijiadan_attachfiles table
{
    margin:auto;
}

#bijiadan_container
{
    margin:0 auto;
    text-align:center;
}

#bijiadan_table
{
	margin:0 auto;
}

#bijiadan_table li
{
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    list-style-type: none;
    display: inline-block;
    float: left;
    text-align: center;
    height: 32px;
    vertical-align: middle;
    line-height:32px;
}

#bijiadan_table ul
{
    margin:0px;
    padding:0px;
}
#bijiadan_table span
{
    display:inline-block;
}

#bijiadan_table input
{
    padding:0px;
    margin:0px;
    border:0px;
    background:white;
    width:100%;
    height:100%;
    text-align:center;
}

#bijiadan_table .header li
{
    height:64px;
    line-height:63px;
    border-top:1px solid #C0C0C0;
}

#bijiadan_main
{
	/*border-left: 1px solid silver;*/
}

#bijiadan_top
{
	margin-bottom: 1px;	
}

#bijiadan_bottom
{
	margin-top: 1px;	
}

.header li.company div
{
    height: 32px;
    line-height: 32px;
    width:121px;
    padding:0px;
    margin:0px;
}

.header li.referenceCompany div
{
    height: 32px;
    line-height: 32px;
    width:60px;
    padding:0px;
    margin:0px;
}


.header li.company .companyName,
.header li.referenceCompany .companyName
{
    border-bottom:1px solid #C0C0C0;
    height:32px;
}

.header div.pricehead span
{
    height:32px;
    width:60px;
    float:left;
}

/*.header div.pricehead span.baojia_title
{
    border-right:1px solid #C0C0C0;
}*/
.header div.pricehead span.shenhejia_title
{
    border-left:1px solid #C0C0C0;
}

.xuhao,
.count,
.unit,
.price,
.referenceCompany
{
    width:60px;
    text-align:center;
}

#bijiadan_table .footer li.longcloumn
{
    width:384px;
    text-align:right;
}

.xuhao input,
.count input,
.unit input,
.price input
{
    width: 94px;
}

.name,
.guige
{
    width:100px;
}

.width_40_percentage
{
	width:40%;
}

.width_half
{
	width: 50%;
}

.width_full
{
	width:100%;
}

#bijiadan table td
{
	border-color: silver;
	min-width: 40px;
}

.fulldisplay
{
	width: 100%;
	height: 100%;
}

.noborder
{
	border: 0px;
}

.nopadding
{
	padding: 0px;
}
/*Dropdown List*/
#bijiadan select
{
	width: 100%;
}

.bijiadan_comment_item
{
	padding-bottom: 20px;
	margin: 10px 20px 10px 20px;
	border-bottom: 1px dashed gray;	
}

.bijiadan_comment_item textarea
{
	width: 80%;
}

.contactcolumn
{
	/*border-bottom:2px solid #C0C0C0;
    height:32px;
    width:121px;
    padding:0px;
    margin:0px;	*/
}

#bijiadan_newcomment
{
	text-align:left;
	margin-left: 30px;
}

#bijiadan_newcomment textarea
{
	width: 50%;
}

#bijiadan_newcomment .leftcolumn
{
	width: 30%;	
	margin-right: 20px;
}

#bijiadan_newcomment .rightcolumn
{
	width: 60%;
}


.sectionheader
{
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid silver;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#bijiadan_comments .commentcontainer
{
	margin: 10px auto;
	border-bottom: 1px dotted silver;
}

.commentcontainer span
{
	margin-bottom: 10px;
	margin-left: 10px;
}

.commentcontainer .leftcolumn
{
	width:20%;
}

.commentcontainer .rightcolumn
{
	width:70%;
	word-wrap: break-word;
	text-align: left;
}

.commentcontainer .leftcolumn strong
{
	margin-left: 20px;
	margin-bottom: 20px;
}

#bijiadan_comments li
{
	float: left;
}

#bijiadan_comments li span
{
	display:block;
}

.float_right
{
	float:right;
}

.float_left
{
	float:left;
}

/*button style*/
.buttoncontainer
{
	margin-top: 10px;
	margin-bottom: 10px;	
}

/*工具栏样式*/
.returnHome,
.changepassword
{
	float: left;	
}


/*项目主页样式*/


div#Project_main_body
{
    text-align:left;
}

div#Project_main_body section.project_item
{
    width:1150px;
}

div#message_popup_pannel
{
    border: 5px solid #009933;
    width: 200px;
    height: 300px;
    position: absolute;
    top: 100px;
    left: 0px;
    z-index: 100;
    background:white;
}

.project_item div.project_item_body
{
    height: 120px;
    border-bottom: 2px solid #C0C0C0;
    padding-top:20px;
}

div.project_item_body li
{
        float:left;
}

div.project_item_body li.project_item_thumbnail
{
    width:150px;
}

div.project_item_body li.project_item_name
{
    width:260px;
    margin-right:50px;
}

div.project_item_body li.project_item_basic
{
    width:280px;
}

div.project_item_body li.project_item_shouzhi
{
    width:190px;
}

div.project_item_body li.project_item_basic span,
div.project_item_body li.project_item_name span,
div.project_item_body li.project_item_shouzhi a,
div.project_item_body li.project_item_bijiadan a
{
    display:block;
}

.project_item div.project_item_body:hover
{
    background-color: #D7D7D7;
} 

.project_item div.project_item_body.selected
{
    background-color:#AAAAAA;
    color: #FFFFFF;
    font-weight: bold;
}
.project_item div.project_item_body.selected a:link
{
    color: #FFFFFF;
}

.comment_operation
{
	width: 100px;	
}

.comment_operation input
{
	margin: 0 10px 10px 10px;
}

/*比价单，收入和支出 列表*/

#listitem_filters .item_width
{
    width:750px;
    margin:auto;
}

#listitem_main_body #listitem_body table
{
    margin:auto;
}

#listitem_main_body .li_xuhao
{
    width:50px;
}

#listitem_main_body .li_leixing,
#listitem_main_body .li_zhuangtai,
#listitem_main_body .li_chuangjianzhe,
#listitem_main_body .li_riqi
{
    width:100px;
}

#listitem_main_body .li_mingcheng
{
    width:300px;
}

#listitem_main_body table tbody tr.typehidden,
#listitem_main_body table tbody tr.statushidden
{
    display:none;
}

#listitem_main_body table tbody tr:hover
{
    background-color:#A3A3A3;
}

/*
    项目计划 页面样式
*/


#project_plan_view table
{
    margin: auto;
    color: Black;
    font-weight: bold;
    font-size: medium;
}

#project_plan_view span
{
    display:inline-block;
    width: 100px;
    height: 120px;
}

#project_plan_view span.item
{
    border: thick solid #000000;
}

#project_plan_view span.item_income
{
    background-color: #00FFCC;
    margin:3px;
    padding:3px;
}

#project_plan_view span.item_expend
{
    background-color: #FF6699;
    margin:3px;
    padding:3px;
}

#project_plan_view span.item_event
{
    background-color: #6666FF;
    margin: 3px;
    padding:3px;
    color:White;
}

#project_plan_view span.item_plan
{
     border: medium dashed #C0C0C0;
}

#project_plan_view span.item.select
{
    border:medium solid #FF0000;
}

#project_plan_view tr.today
{
    border: 1px solid #008000;
    background-color: #666666;
}

#project_plan_tooltop .tooltip_comment
{
    width:200px;
}



/*
    Navigator
*/


#navigator
{
	margin: 20px 0 30px 0;	
	font-size: 18px;
}

#navigator span
{
	padding: 0px 30px;
}

#navigator span.active
{
	color: #034AF3;
	font-weight: bold;
}

#navigator span.rightborder
{
	border-right:1px solid black;
}


/*
合同列表
*/

#contacts_view table
{
    margin:auto;
}
table .cv_xuhao
{
    width:50px;
}

table .cv_filename
{
    width:400px;
}

table .cv_uploaddata
{
    width:100px;
}

table .li_uploadname
{
    width:100px;
}

#contacts_view table tbody tr:hover
{
    background-color:#A3A3A3;
}

#contacts_view table tbody tr.select
{
    background-color:#303030;
    color:White;
}

/*** flash message ***/
#flash_message {
  z-index: 11203;
  position: fixed;
  left: 50%;
  padding: 12px 30px 10px 50px;
  color: #fff;
  font-size: 14px;
  cursor: default;
  text-shadow: 0 1px 0 #000;
  text-shadow: 0 1px 0 rgba(0,0,0,0.85);
  border: 1px solid #75a3ff;
  border-color: rgba(117,163,255,0.7);
  background-color: #1e3559;
  background: -webkit-gradient(linear, left top, left bottom, from(#1e3559), to(#172944));
  background: -moz-linear-gradient(#1e3559, #172944);
  background: -webkit-linear-gradient(#1e3559, #172944);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#flash_message img,
#flash_message .spinner {
  position: absolute;
  left: 26px;
  top: 14px;
}

#flash_message.success {
  background: #1e3559 url(../images/icons/flash_success.png) no-repeat 26px 14px;
  background: url(../images/icons/flash_success.png) no-repeat 26px 14px, -webkit-gradient(linear, left top, left bottom, from(#1e3559), to(#172944));
  background: url(../images/icons/flash_success.png) no-repeat 26px 14px, -moz-linear-gradient(#1e3559, #172944);
  background: url(../images/icons/flash_success.png) no-repeat 26px 14px, -webkit-linear-gradient(#1e3559, #172944);
}

#flash_message.error 
{
  background: #1e3559 url(../images/icons/flash_error.png) no-repeat 24px 12px;
  background: url(../images/icons/flash_error.png) no-repeat 24px 12px, -webkit-gradient(linear, left top, left bottom, from(#1e3559), to(#172944));
  background: url(../images/icons/flash_error.png) no-repeat 24px 12px, -moz-linear-gradient(#1e3559, #172944);
  background: url(../images/icons/flash_error.png) no-repeat 24px 12px, -webkit-linear-gradient(#1e3559, #172944);
}

#confirmationPopup {
  max-width: 540px;
}

#feedback_container {
  min-width: 660px;
  height: 350px;
  background-color: #eee;
  padding: 15px 15px 15px 15px;
}

#public_sharing
{
    position:relative;
    top:-5px;
}

#public_sharing .toggler_container {
    margin-top: 1px;
}

#public_sharing .toggler_container .toggler {
  position:absolute;
  z-index: 10;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#public_sharing .toggler_container.on .public_share_off {
    display:none;
}

#public_sharing .toggler_container.off .public_share_on 
{
    display:none;
}

#public_sharing .public_share_on,
#public_sharing .public_share_off
{
    margin-left:70px;
}

#public_sharing .share_description
{
    color:#878787;
    line-height:18px;
}

#public_sharing .public_share_on .share_description
{
    color:#575757;
}

.toggler {
  width: 64px;
  height: 18px;
  background: url('../images/layout/on_off_slider.png') no-repeat 0 0;
  cursor: pointer;
}

.toggler .greything {
  width: 32px;
  height: 18px;
  background: url('../images/layout/on_off_slider.png') no-repeat 0 -30px;
  position: relative;
}

.toggler.on .greything {
  moz-border-radius: 0 2px 2px 0;
  webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.toggler.off .greything {
  moz-border-radius: 2px 0 0 2px;
  webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

/*Overlay modal dialogs

#fancybox-outer {
  padding: 0;
  background: transparent;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.65);
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.65);
  box-shadow: 0 0 12px rgba(0,0,0,0.65);
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

#fancybox-content {
  background: transparent;
  border: 1px solid #5b5b5b;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

#fancybox-close {
	top: 10px;
	right: 9px;
	width: 13px;
	height: 13px;
  background-image: url("../images/buttons/close_13.png");
}

#fancybox-close:focus,
#fancybox-close:hover {
  background-position: 0 bottom;
}




#fancybox-close.about_close {
  background-image: url("../images/buttons/btn_close_dark.png") !important;
  height:14px !important;
  width:14px !important;
  top:13px;
  right:10px;
}

#fancybox-close.about_close:focus,
#fancybox-close.about_close:hover {
  background-position: 0 bottom;
}

*/

.overlay_window {
  background-color: #f5f5f5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.overlay_window > form > header:first-child,
.overlay_window > header {
  background-color: #b0b0b0;
  background: -webkit-gradient(linear, top left, bottom left, from(#c5c5c5), to(#b1b1b1));
  background: -moz-linear-gradient(#c5c5c5, #b1b1b1);
  background: -webkit-linear-gradient(#c5c5c5, #b1b1b1);
  padding: 0 10px;
  height: 29px;
  border-top: solid 1px #cfcfcf;
  border-bottom: solid 1px #7e7e7e;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-top-left-border-radius: 6px;
  -webkit-top-right-border-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;

}

.overlay_window header h1 {
  font: normal 16px/29px Arial, Helvetica, sans-serif;
  cursor: default;
  text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overlay_window .body_container {
  border-top: solid 1px #cfcfcf;
}

.overlay_window .body {
  padding: 15px 0 15px 0;
  margin: 0 15px 0 15px;
  border-bottom: solid 1px #c8c8c8;
}

.overlay_window .un-body
{
    margin: 15px -15px 0 -15px;
    padding-bottom: 1px; /*overflow: hidden;*/
}

.overlay_window .body h2 {
  font-size: 16px;
}

.overlay_window .body p {
  margin-bottom: 15px;
}

.overlay_window .body p:last-child {
  margin-bottom: 0;
}

.overlay_window .body label {
  font-size: 12px;
}

.overlay_window .body .title.simple
{
    font-weight: normal;
    font-size: medium;
}

#move_items_popup .title.simple {
  margin: -5px;
}


.overlay_window .controls {
  border-top: solid 1px #ebebeb;
  text-align: right;
}

.overlay_window .controls button {
  margin-left: 10px;
}

.overlay_window .controls.highlighted {
  padding: 15px 0 15px 0;
  margin: 0 15px 0 15px;
  background-color: #f5f5f5;
}


.overlay_window header .minimize {
  display: none;
  position: absolute;
  right: 26px;
  top: 6px;
  border-right: 1px solid #999;
  padding: 1px 6px 1px 0;
}

.overlay_window header .minimize_btn {
  cursor: pointer;
  display: block;
  height: 16px;
  width: 16px;
  background: url(../images/buttons/btn_minimize.png) no-repeat left top;
}

.overlay_window header .minimize_btn:focus,
.overlay_window header .minimize_btn:hover {
  background-position: left bottom;
}

.notice {
  position:relative;
  margin: 0 auto;
  display: inline-block;
  padding: 8px 40px;
  background-color: #fffac2;
  border: solid 2px #fbe776;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.notice .close {
  position: absolute;
  top: 9px;
  right: 6px;
  width: 14px;
  height: 14px;
  background: url('../images/buttons/close_14_idle.png') no-repeat 0 0;
  cursor: pointer;
}

.create_rename_popup
{
    width:400px;
}

/*付款单*/

#fukuanhost
{
    font-size: 16px;
	margin: 0 auto;
}

#fukuanhost .fkd_header
{
    width:110px;
}

#fukuanhost .fkd_common
{
    width:200px;
}

#fukuanhost input[type="text"]
{
    padding:2px;
    margin:0px;
    color: #444444;
    font-size: 1.2em;
    width:200px;
    border: 0px none #FFFFFF;
}
#fukuanhost .fivecolumn input
{
    width:854px;
}

#fukuanhost .twocolumn input
{
    width:310px;
}

#fukuanhost .threecolumn input
{
    width:532px;
}
#fukuanhost td
{
    border: 1px solid #000000;
}

#fukuanhost tr
{
    height: 42px;
}

#fukuanhost .noborder,
#fukuanhost .noborder>td
{
    border: 0px none #FFFFFF;
}
/*付款单*/
